<template>
  <div class="ivu-box">
    <Form ref="formInline" inline>
    </Form>
    <div class="form_box">
      <Form ref="formCustom" style="width: 850px;" :model="form" :label-width="100">
        <FormItem label="用户名称:">
          <Input type="email" style="width:500px;" value="admin123"></Input>
        </FormItem>
        <FormItem label="用户等级:">
          <Input type="text" style="width:500px;" value="黄金"></Input>
        </FormItem>
        <FormItem label="用户手机号:">
          <Input type="text" style="width:500px;" value="123456789"></Input>
        </FormItem>
        <FormItem label="用户零钱:">
          <Input type="text" style="width:500px;" value="1000"></Input>
        </FormItem>
        <FormItem label="用户头像:">
          <Upload action="//jsonplaceholder.typicode.com/posts/">
            <Button icon="ios-cloud-upload-outline">上传头像</Button>
          </Upload>
        </FormItem>
        <FormItem>
          <Button type="primary" @click="submit2()" style="margin-left: 186px;">确定</Button>&nbsp;&nbsp;&nbsp;&nbsp;
        </FormItem>
      </Form>
    </div>
    <div class="add">
      <Modal v-model="modal3" :mask-closable="false">
        <Form>
          <div class="mainWords"><p>成功</p></div>
          <div class="iconStyle">
            <Icon type="ios-checkmark-circle-outline" style="font-size: 60px;color: palegreen;"/>
          </div>
        </Form>
      </Modal>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      modal3: false,
      form: {
        username: '',
        password: '',
        role_id: null,
        manager_id: null, // 经理id 经理角色账号时 不填
        email: ''// 邮箱
      },
      selectData: null, // 权限组选中下标
      selectList: [], // 权限预览id
      show: true,

      list_: [],

      list: [],
      roleList: [],

      checkAll: true,
      role_id: null,
      data: [],
      accountList: [],

      my_role_id: null // 6经理
    }
  },
  created () {
    this.m_id = JSON.parse(this.astgo.getItem(this.Pn + 'info')).role_id

    this.my_role_id = JSON.parse(this.astgo.getItem(this.Pn + 'info')).role_id

    this.getlist()
    this.all()
    this.getAccount()
  },
  methods: {
    submit2 () {
      // this.cancel();
      this.modal3 = true
      this.allocated = []
      this.undistributed = []
      if (this.infoID === 6) {
        this.axios.post('device/getAllDev').then(res => {
          if (res.code === 1) {
            this.allocated = res.data.allocated
            this.undistributed = res.data.undistributed
          }
        })
      }
    },
    getAccount () { // 获取所有经理
      this.axios.post('device/getAccount')
        .then(res => {
          if (res.code === 1) {
            this.accountList = res.data
          }
        })
    },
    all () {
      this.axios.post('role/rule_list').then(res => {
        if (res.code === 1) {
          this.data = res.data
        }
      })
    },

    Submit () {
      var form = this.form
      form.role_id = this.role_id
      // var id =  JSON.parse(this.astgo.getItem(this.Pn + "info")).role_id;

      // if(id === 6){
      // 	//经理不需要写经理id
      // }else{
      // 	// form.manager_id = id;
      // }

      // if(!this.$testEmail(form.email)){
      // 	this.$Message.warning('请填写正确的邮箱');
      // 	return false
      // }

      this.axios.post('account/addAccount', form).then(res => {
        if (res.code === 1) {
          this.$Message.success('添加成功')
          this.$router.go(-1)
        }
      })
    },

    getlist () {
      // 如果是经理只能添加操作员

      this.axios.post('role/role_list', { status: 1 }).then(res => {
        if (res.code === 1) {
          if (this.my_role_id === 6) {
            this.role_id = 7
            this.list = []

            var arr = res.data.list

            for (var i = 0, len = arr.length; i < len; i++) {
              if (arr[i].id === 7) {
                this.list.push(arr[i])
                break
              }
            }
          } else {
            this.list = res.data.list
            this.role_id = this.list[0].id
            console.log(this.selectData)
          }

          this.selectData = this.list[0].id

          this.getRole()
        }
      })
    },

    getRole () {
      this.axios.post('role/get_role_rule', { role_id: this.role_id }).then(res => {
        if (res.code === 1) {
          this.list_ = res.data
          console.log(this.list_)
        }
      })
    },
    changeSelect (e) {
      console.log('选择', e)
      this.show = false
      this.$nextTick(() => {
        this.show = true
      })
      this.role_id = e
      this.getRole()
    }

  }

}
</script>

<style scoped>
h3 {
  line-height: 50px;
}

.subordinate {
  margin: 10px 20px;
}

.checkbox {
  margin: 5px 10px;
  min-width: 200px;
}

.check {
  margin-top: 5px;
  margin-left: 30px;
  min-width: 160px;
}

.checkboxs {
  border-bottom: 1px solid silver;
  padding-bottom: 10px;
}

.outer {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid silver;
  border-radius: 5px;
}

.mainWords {
  position: relative;
  left: 222px;
}

.mainWords p {
  font-size: 20px;
  font-weight: bold;
}

.iconStyle {
  position: relative;
  left: 214px;
  top: 10px;
}
</style>
